@import '../../variable.less';
page{
  background: #F5F5F6;
}
.container{
  .van-cell{
    padding-top:0;
    padding-bottom:0;
    height:84rpx;
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    font-size: 28rpx;
    .van-field__label,.van-field__control{
      height:84rpx;
      line-height: 84rpx;
    }
  }

  .line{
    width:750rpx;
    height:24rpx;
    background: #F5F5F6;

  }
  .lineinput{
    height:76rpx;
    border-bottom:1rpx solid #F1F2F4;
    background-color: #fff;
    display: flex;
    font-size: 28rpx;
    font-family: PingFangSC-Regular, PingFang SC;
    font-weight: 400;
    color: #3D3F40;
    line-height: 76rpx;
    .lineinput-left{
      box-sizing: border-box;
      padding-left:24rpx;
      width:220rpx;
      display: flex;
      justify-content: start;
      .lineinput-required{
        font-size: 28rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #FA6400;
        line-height: 76rpx;
        padding-right:20rpx;
      }
    }

    .lineinput-right{
      width:500rpx;
      height:76rpx;
      .right-val{
        height:76rpx;
      }
      .place-holder {
        font-size: 28rpx;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #B3B7BB;
        line-height: 76rpx;
      }
    }
    .lineinput-right-selected{
      width:500rpx;
      height:76rpx;
      padding-right:30rpx;
      box-sizing: border-box;
      position: relative;
      color:#393A3A;
      position: relative;
      .icon{
        position: absolute;
        top:33rpx;
        right:0;
        width: 16rpx;
        height:8rpx;
        color:#DFE3E7;
      }

    }



  }
  .btn{
    margin:48rpx auto 206rpx;
    width: 702rpx;
    height: 88rpx;
    background: @color;
    border-radius: 9rpx;
    font-size: 32rpx;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 88rpx;
    text-align: center;
  }
  .avatarBox{
    height:100rpx;
    .lineinput-right{
      width:100rpx;
      height:100rpx;
      .avatar{
        width:100rpx;
        height:100rpx;
        border-radius: 50%;
      }    
    }
  }
}

.agePicker{
  position: fixed;
  bottom:0;
  left:0;
  right:0;
  z-index:999999;
  border-top:1rpx solid #eee;
}

.mask{
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height: 100%;
  z-index:99999;
  background-color: rgba(0,0,0,0.6);
  .maskContent{
    margin:0 auto;
    margin-top:400rpx;
    width:500rpx;
    padding:20rpx 30rpx;
    border-radius: 20rpx;
    background-color: #fff;
    .mask-title{
      line-height: 100rpx;
      font-size:28rpx;
    }
    .mask-item{
      width:100%;
      height:80rpx;
      text-align: center;
      line-height: 80rpx;
      font-size:24rpx;
      text-align: center;
    }
  }
}